<template>
	<view class="kuang" :style="{background:item.template_style.content.background}" >
		<view class="kuang_top" style="">
			<image style="width: 100%; max-height: 100rpx;" src="https://yangpin.xikawa.net/image/kuang.png" mode="widthFix"></image>
			<view class="kuang_top_text">
				<span class="kuang_top_text_left">{{item.template.type?item.template.type:''}}</span>
				<view v-if="item.template.shop_name" class="kuang_top_text_right" :style="{background:item.template_style.content.background2 , color:item.template_style.content.color2}">
					{{item.template.shop_name?item.template.shop_name:''}}
				</view>
			</view>
		</view>
		<view class="tu_box" style="max-height: 650rpx; overflow: hidden;">
			<view class="tu_box_box_left">
				<view class="" style="display: flex; ">
					<view v-if="item.template.baoZhuang" class="bar_box_1">
						{{item.template.baoZhuang?item.template.baoZhuang:''}}
					</view>
				</view>
				<view class="bar_box_title uni-ellipsis-2">
					{{item.template.title?item.template.title:''}}
				</view>
				<view class="heng">
					
				</view>
				<view class="bar_box_small uni-ellipsis">{{item.template.title2?item.template.title2:''}}</view>
				<view class="gui_box">
					<view class="guige">
						规格:
					</view> 
					<view class=" guige_sku uni-ellipsis">
						{{item.template.sku?item.template.sku:''}}
					</view>
				</view>
			</view>
			<view class="tu_box_box_right">
				<image :src="src"  mode="widthFix" style="width: 100%;"></image>
			</view>
		</view>
		<span class="kuang_title">{{item.template.title3?item.template.title3:''}}</span>
	</view>
	
</template>
<script>
	export default{
		props: {
			item:{
				type: Object,
				default: () => ({})
			},
			src:{
				type: String,
				default: ''
			},
		},
		data(){
			return {}
		},
		mounted() {},
		methods: {}
	}
</script>
<style lang="scss" scoped>
	@import url(./kuang_big.css);
</style>